
// @import "@/static/assets/csm/css/core.scss";
$page-background-color:WhiteSmoke;
$block-background-color:white;
$active-background-color:Coral;
$active-font-color:white;


uni-page-wrapper,.c-wrap{
	background-color: $page-background-color ;
}

/*一行按照flex排序,其子元素设置为rest宽度width: calc(100vh - 200px);*/
.c-flex{
	display: flex;
	justify-content: space-between;
}
 
 
/*默认的block框*/
.c-block{
	padding: 10px 10px 10px 10px;
	background-color: $block-background-color;
	font-size: 14px;
	margin-bottom: 8px;
	
	.c-title{
		font-weight: bold;
		font-size:16px;
		line-height: 1.6;
		padding: 0px;
	}
	.c-content{
		font-size: 14px;
		line-height: 1.6;
		padding: 0px;
	}	
	.c-line{
		padding:5px 5px 10px 5px;
	}
	// class="c-block active"
	&.active{
		background-color:$active-background-color;
		color:$active-font-color;
	}
	// class="c-content botton"
	.c-content-button{
		margin-left:10px;
		padding-left:5px;
		padding-right:5px;
		line-height: 30px;
		font-size: 14px;
		border: 1px solid $active-background-color;
		color: $active-background-color;
	}
	&.buttomdom{
		margin-bottom: 5px;
	}
}

//满屏的full
.c-block-full{
	@extend .c-block;
	padding: 0px;
}
//空颜色的block
.c-block-transparnt{
	@extend .c-block;
	background-color: WhiteSmoke ;
}
.c-center{
	text-align: center;
}


button{
    font-size: 14px;
    margin-top:20px;
    font-weight: bold;
    margin-bottom: 20px;
    
    &.active{
        background-color:$active-background-color;
        color:$active-font-color;
    }
}
.c-nodata{
	text-align: center;
	padding: 20px;
}
.u-loadmore__content{
	padding: 10px;
}

/*block框,一般用于title的block,无框*/
// .c-title-block{
// 	@extend .c-block;
// }

/*左右留白的block*/
// .c-block-inner{
// 	@extend .c-block;
// 	margin: 20rx;
// 	width: auto;
// 	border-radius: 10rx;
// }


/*弹出框*/
// .c-popup{

// 	.c-title{
// 		text-align: center;
// 		font-size: 36rx;
// 		font-weight: bold;
// 		line-height: 72rx;
// 	}
// 	.c-content{
// 		text-align: center;
// 		font-size: 28rx;
// 		line-height: 72px;
// 	}	
// 	.c-block{
// 		@extend .c-block;
// 		width:600px;
// 		margin-top: 20px;
// 	}
	
// }
// /*右边贴边的标签*/
// .c-tag-right{
// 	margin-top: 20px;
// 	padding:20px;
// 	background-color: white;
// 	border-radius:40px 0px 0px 40px;
// 	height: 70px;
// 	font-weight: bold;
// 	font-size: 22px;
// 	&.active{
// 		// background-color:$u-type-warning-dark;
// 		// color:$u-type-warning-light;
// 		background-color:#f29100;
// 		color:#fdf6ec;
// 	}	
// }

// /*瀑布图文排版*/
// .c-water{
// 	border-radius: 16px;
// 	margin: 10px;
// 	background-color: #ffffff;
// 	padding: 16px;
// 	position: relative;
// 	.c-title{
// 		// color:$u-main-color;
// 		color:#303133;
// 		font-weight: bold;
// 		font-size:30px;
// 		font-weight: bold;
// 	}
// 	.c-content{
// 		text-align: center;
// 	}	
// }

// .c-m-t-20{
// 	margin-top: 20px;
// }
// .c-m-20{
// 	margin: 20px;
// }
// .c-m-p-20{
// 	padding-top: 20px;
// }
// .c-p-20{
// 	padding: 20px;
// }
// .u-form-item--left__content{
// 	font-weight: bold;
// }

.c-errormsg{
	color:red;
}

.c-taglist {
	@include flex(column);
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	uni-view{
		padding-right: 3px;
	}
}

.c-album {
	@include flex;
	align-items: flex-start;
	margin-bottom: 10px;
		&__avatar {
		padding: 5px;
		border-radius: 3px;
	}
	&__content {
		margin-left: 10px;
		flex: 1;
	}
	.c-title {
		font-size: 14px;
	}
	.c-conteng {
		font-size: 12px;
	}
}



.u-block{
	padding: 14px;
	&__section{
		margin-bottom:10px;
	}
	&__title {
		margin-top:10px;
		font-size: 15px;
		color: $u-content-color;
		margin-bottom:10px;
	}
	&__flex{
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
	}
}

// 使用了cell组件的icon图片样式
.u-cell-icon {
	width: 36rpx;
	height: 36rpx;
	margin-right: 8rpx;
}

.u-page {

}

